<template>
  <div class="t40">
    <div class="head">
      <span class="iconfont list">&#xe664;</span>
      <div class="divp">
        <i class="jd1"></i>
        <span class="iconfont search">&#xe600;</span>
        <input class="divpi" type="text" placeholder="茵曼女装 全场3件7折 2件8折">
      </div>
      <span class="login iconfont">&#xe740;</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CategoryHeader'
}
</script>

<style lang="stylus" scoped>
  .t40
    height 44px
  .head
    height 44px
    line-height 44px
    position fixed
    top 0
    z-index 100
    width 100%
    background #fff
    border-bottom 1px solid #e2e2e2
    .list
      color #444
      width 32px
      display inline-block
      height 44px
      text-align right
      font-size 18px
      line-height 44px
      font-weight: 600
    .divp
      display inline-block
      background-color #f7f7f7
      border-radius 15px
      width calc(100% - 80px)
      vertical-align sub
      height 30px
      .divpi
        vertical-align super
        margin-left 30px
        width 80%
        background-color #f7f7f7
      ::-webkit-input-placeholder
        font-size .2rem
      .search
        color #ccc
        position absolute
        top 2px
        margin-left 8px
    .login
      color #444
      line-height 44px
      display inline-block
      width 40px
      position absolute
      right 0
      text-align: center
      font-size: 26px
</style>
